:root {
  --ease-in-a: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-in-b: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-in-c: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-in-d: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-in-e: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-in-f: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-out-a: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-b: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-c: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-out-d: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-out-e: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-out-f: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ease-in-out-a: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --ease-in-out-b: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in-out-c: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-in-out-d: cubic-bezier(0.86, 0, 0.07, 1);
  --ease-in-out-e: cubic-bezier(1, 0, 0, 1);
  --ease-in-out-f: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

@media screen and (max-width: 1880px) {
  .w1760 {
    width: 90%;
  }
}

@media screen and (max-width: 1800px) {
  .box4 .w1760 .item .swiper-item .text {
    padding: 20px;
  }
  .box4 .w1760 .item .swiper-item .text h5 {
    margin-top: 15px;
    font-size: 24px;
  }
  .box4 .w1760 .item .swiper-item .text h6 {
    margin-bottom: 15px;
  }
  .ibdbbox2 .w1760 li .itembox {
    padding: 30px;
  }
}

@media screen and (max-width: 1600px) {
  .box2 .w1760 .box2box .left, .box2 .w1760 .box2box .right {
    transform: translateY(0);
  }
  .ibdbbox1 .w1760 .item {
    padding: 0 60px;
  }
  .box2 .w1760 .box2box .left .engtext h2 {
    font-size: 28px;
  }
  .newsres .swiper-newsres {
    width: 88%;
  }
  .profile3 .w1760 .box .left .text {
    padding: 0 60px;
  }
  .mobileNav .box .mobileNavitems .mobilelinkitems a {
    margin-bottom: 0;
  }
  .mobileNav .img {
    margin-right: 120px;
  }
  .subnavHead.map #map {
    height: 700px;
  }
}

@media screen and (max-width: 1500px) {
  .ibdbbox2 .w1760 li {
    width: 25%;
    padding-top: 25%;
    margin: 5px 0;
  }
}

@media screen and (max-width: 1440px) {
  .box4 .w1760 .item .swiper-item .text h5 {
    margin-top: 10px;
    font-size: 18px;
  }
  .box4 .w1760 .item .swiper-item .text h6 {
    margin: 10px 0;
    font-size: 16px;
  }
  .newsInner.enterh .box .newspaperbox {
    padding: 0 5%;
  }
  .newsInner.joinusbox .box .newspaperbox {
    padding: 0 5%;
  }
  .newsres .swiper-newsres .swiper-wrapper .swiper-slide a {
    width: 32%;
  }
  .newsres .swiper-newsres .swiper-wrapper .swiper-slide a:last-child:nth-child(4n - 1) {
    margin-right: 0;
  }
  .newsres .swiper-newsres .swiper-wrapper .swiper-slide a:last-child:nth-child(4n - 2) {
    margin-right: 0;
  }
  .newsres .swiper-newsres .swiper-wrapper .swiper-slide a:last-child:nth-child(3n - 1) {
    margin-right: calc(32% + 4% / 2);
  }
  .newsInner .box {
    width: 90%;
  }
  .newsInner .box .newspaperbox {
    padding: 0 5%;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .box1text h5 {
    font-size: 38px;
  }
  .course .w1760 .item .bg {
    padding: 0 60px;
  }
  .environment2 ul li .right {
    padding: 30px;
  }
  .environment2 ul li .right .text .otitle {
    margin-bottom: 30px;
  }
  .box4 .w1760 .item .item2 .logo {
    padding: 0 30px;
  }
  .subnavHead.map #map {
    height: 600px;
  }
}

@media screen and (max-width: 1366px) {
  .box2 .w1760 .box2box .left .engtext h2 {
    font-size: 22px;
  }
  .box2 .w1760 .box2box .left .text p {
    font-size: 14px;
  }
  .mobileNav {
    height: 100vh;
  }
  .mobileNav .box {
    width: 700px;
  }
  .mobileNav .img {
    margin-right: 60px;
  }
  .box3.news .w1760 .w1200 ul li {
    width: 32% !important;
    margin-right: 0 !important;
  }
  .box3.news .w1760 .w1200 ul i {
    width: 32% !important;
  }
  .courseitems .w1760 {
    flex-wrap: wrap;
  }
  .courseitems .w1760 .item {
    width: 50%;
    margin-bottom: 30px;
  }
  header ul li {
    padding: 0 10px;
  }
  header ul li a {
    font-size: 14px;
  }
  .profile3 .w1760 .box .left .text {
    padding: 0 30px;
  }
  .profile3 .w1760 .box .left .text h5 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .profile3 .w1760 .box .left .text p {
    font-size: 14px;
  }
  .profile3 .w1760 .box .right {
    transform: translateY(0);
  }
  .box5 .w1200 ol li .text {
    padding: 20px 30px;
  }
  .box5 .w1200 ol li .text span {
    font-size: 22px;
  }
  .box5 .w1200 ol li .text h5 {
    margin: 15px 0;
    font-size: 20px;
    height: 116px;
  }
  .box2 .w1760 .box2box .left .text h5 {
    font-size: 28px;
  }
  .box2 .w1760 .box2box .left .text p {
    margin: 20px auto;
  }
  .box2 .w1760 .box2box .right .img ul li .num div span {
    font-size: 28px;
  }
  .w1200 {
    width: 90%;
  }
  .box3 .w1760 .w1200 ul li .text {
    padding: 25px;
  }
  .box2 .w1760 .box2box .right > .img ul li .num {
    margin: 0;
  }
  .box2 .w1760 .box2box .right > .img ul li .num div {
    white-space: nowrap;
  }
  .box2 .w1760 .box2box .right > .img ul li .num div span {
    font-size: 24px;
    white-space: nowrap;
  }
}

@media screen and (max-width: 1280px) {
  .floatRight {
    display: none;
  }
  .newsInner.joinusbox .box {
    width: 90%;
  }
  .joincontact .w1100 .box .text {
    padding-left: 30px;
  }
  .fuli .w1100 .fuliitem .item {
    padding: 30px 20px;
  }
  .fuli .w1100 .fuliitem .item .text {
    margin-left: 15px;
  }
  .ibdbbox2 .w1760 li {
    width: 33.33%;
    padding-top: 33.33%;
  }
  header .logo img.logo1 {
    height: 40px;
    margin-left: 15px;
  }
  .box2 .w1760 .box2box .left .text a {
    position: static;
    transform: translateX(0);
  }
  .profile3 .w1760 .pr3swiper .swiper-wrapper .swiper-slide .left {
    width: 400px;
  }
  .profile3 .w1760 .pr3swiper .swiper-wrapper .swiper-slide .right {
    width: 400px;
  }
  .newsother .w1100 li .text {
    padding: 30px;
  }
  .enrollment .w1100 ul li {
    padding: 30px;
  }
  .w1100 {
    width: 90%;
  }
  .apclass .w1760 .newspaper {
    width: 100%;
  }
  .profile2 .w1760 .swiper-profile2 {
    width: 90%;
    margin: 0 auto;
    margin-top: 90px;
  }
  .profile2 .w1760 {
    padding: 88px 0;
  }
  .floatLeft {
    display: none;
  }
  .box4 .w1760 .item .swiper-item .text h6 {
    display: none;
  }
  .box4 .w1760 .item .swiper-item .text h5 {
    margin: 20px 0;
  }
  .box4 .w1760 .item .item1 .bg h5 {
    margin-top: 15px;
  }
  .teahresearch .w1760 .item {
    width: 32%;
  }
  .teahresearch .w1760 .item:last-child:nth-child(4n - 1) {
    margin-right: 0;
  }
  .teahresearch .w1760 .item:last-child:nth-child(4n - 2) {
    margin-right: 0;
  }
  .teahresearch .w1760 .item:last-child:nth-child(3n - 1) {
    margin-right: calc(32% + 4% / 2);
  }
  .g10 .w1100 .g10box .g10gold .g10item .head {
    margin-right: 20px;
  }
  .ibdbbox1 .w1760 .item {
    padding: 0 30px;
  }
}

@media screen and (max-width: 1150px) {
  header .lag {
    display: none;
  }
  .profile4 .w1760 ul {
    width: 90%;
  }
}

@media screen and (max-width: 1024px) {
  .box2, .box3 .w1760, .box5, .profile1, .profile2 .w1760, .enterahigh, .g10, .enrollment1, .application, .course,
  .teacher, .teahresearch, .profile4 .w1760, .box3.news .w1760, .newsother, .contact, .envInner, .newsres, .newscommunity,
  .ibdbbox1, .ibdbbox3, .zp, .joincontact {
    padding: 60px 0;
  }
  .newsInner.enterh .box .newspaperbox .enternews .entertext h5 {
    font-size: 24px;
  }
  .newsInner.enterh .box .newspaperbox .enternews i {
    transform: translateY(7px);
  }
  .swiper-menuTeacher {
    margin: 60px 0;
  }
  footer .w1760 .item .img {
    margin-bottom: 20px;
  }
  .subnavHead.map #map {
    width: 100%;
  }
  .bannertextcontact {
    margin-top: 60px;
  }
  .subnavHead.map .bannertext {
    position: static;
    width: 100%;
    padding: 60px 0;
  }
  .joincontact .w1100 .box {
    flex-direction: column;
  }
  .joincontact .w1100 .box .zaixian {
    width: 100%;
    border: none;
    text-align: center;
  }
  .joincontact .w1100 .box .zaixian .wang {
    justify-content: center;
  }
  .joincontact .w1100 .box .text {
    padding-left: 0;
    width: 100%;
    margin-top: 30px;
  }
  .fuli .w1100 .fuliitem {
    margin: 30px 0;
    flex-wrap: wrap;
  }
  .fuli .w1100 .fuliitem .item {
    width: 100%;
    margin-bottom: 30px;
    padding: 30px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
  }
  .fuli .w1100 .fuliitem .item:last-child {
    margin-bottom: 0;
  }
  .zp .w1100 .item {
    width: 100%;
  }
  .ibdbbox2 {
    padding-top: 60px;
  }
  .ibdbbox1 .w1760 {
    flex-wrap: wrap;
  }
  .ibdbbox1 .w1760 .item {
    width: 100%;
    margin-top: 30px;
    padding: 0;
    border-right: none;
  }
  .ibdbbox1 .w1760 .item .itembox {
    transform: translateY(0);
  }
  .ibdbbox1 .w1760 .item .itembox i {
    font-size: 24px;
  }
  .apclass .w1760 .newspaper .ititle {
    margin: 60px 0;
  }
  header .logo img.logo1 {
    margin-left: 30px;
  }
  footer .w1760 .item {
    flex-direction: row;
  }
  footer .w1760 .item div {
    justify-content: flex-start;
  }
  .box4 .w1760 .item .item1 .bg > p {
    width: 90%;
    margin: 30px auto;
  }
  .newscommunity .w1200 ul li .text {
    width: 60%;
    height: auto;
    padding: 30px;
  }
  .newscommunity .w1200 ul li .text p {
    margin-top: 15px;
  }
  .g9 .w1100 .g99 .g9box, .g10 .w1100 .g10box .g10gold {
    padding: 0 30px;
  }
  .newsres .swiper-newsres .swiper-wrapper .swiper-slide a {
    margin-bottom: 40px;
  }
  .envInner .box .swiper-envInner {
    width: 85%;
  }
  .g10 .w1100 .g10box {
    flex-direction: column-reverse;
  }
  .g10 .w1100 .g10box .g10gold {
    width: 100%;
  }
  .g10 .w1100 .g10box .g10gold .g10item {
    padding: 30px 0;
  }
  .g10 .w1100 .g10box .g10gold .g10item .head {
    margin-right: 30px;
  }
  .g10 .w1100 .g10box .g10img {
    width: 100%;
  }
  .mobileNav .img {
    display: none;
  }
  .profile3 .w1760 .pr3swiper .minddle {
    position: relative;
    display: flex;
    left: 0;
    flex-direction: column;
    transform: translateX(0);
    margin-bottom: 30px;
  }
  .profile3 .w1760 .pr3swiper .minddle .line {
    margin-bottom: 20px;
  }
  .profile3 .w1760 .pr3swiper .minddle .swiper-head {
    flex-direction: row;
    width: 100%;
    justify-content: center;
  }
  .profile3 .w1760 .pr3swiper .minddle .swiper-head .item {
    margin: 0 12px;
  }
  .profile3 .w1760 .pr3swiper .swiper-wrapper .swiper-slide .left {
    flex: 1;
    margin-right: 60px;
  }
  .profile3 .w1760 .pr3swiper .swiper-wrapper .swiper-slide .left .text h5 {
    font-size: 24px;
  }
  .profile3 .w1760 .pr3swiper .swiper-wrapper .swiper-slide .right {
    transform: translateY(0);
  }
  header .lag:after {
    display: none;
  }
  .mobileNav {
    background: #1651a3;
  }
  .mobileNav .lag {
    right: initial;
    left: 30px;
    padding: 0;
    margin: 0;
  }
  .mobileNav .lag a {
    color: #fff;
  }
  .mobileNav .lag span {
    background: #fff;
  }
  .mobileNav .mobileicon {
    display: flex;
  }
  .mobileNav .box {
    width: 100%;
    justify-content: center;
  }
  .mobileNav .box .mobileNavitems {
    margin: 0;
    width: 100%;
  }
  .mobileNav .box .mobileNavitems .item {
    height: 50px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .mobileNav .box .mobileNavitems .item h5 {
    color: #fff;
  }
  .mobileNav .box .mobileNavitems .mobilelinkitems {
    height: 0;
    overflow: hidden;
  }
  .mobileNav .box .mobileNavitems .mobilelinkitems a {
    color: #fff;
    line-height: 2;
  }
  .contact .w900 {
    margin-top: 60px;
    width: 90%;
  }
  .subnavHead.map #map {
    height: 500px;
  }
  .contact ul {
    width: 90%;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .box1text h4 {
    font-size: 24px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .box1text h5 {
    font-size: 32px;
  }
  .newsInner .box {
    padding: 60px 0;
  }
  .newsother .fy {
    margin-top: 60px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .box1text {
    bottom: 50%;
    transform: translate(-50%, 50%);
  }
  .swiper-box1 .swiper-text {
    right: 35px;
  }
  .profile4 .w1760 ul {
    margin-top: 60px;
  }
  .profile3 .w1760 .box .left .text:after {
    display: none;
  }
  .profile4 .w1760 ul {
    flex-wrap: wrap;
  }
  .profile4 .w1760 ul li {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  .profile4 .w1760 ul li:last-child {
    margin-bottom: 0;
  }
  .apclass .w1760 .newspaper {
    padding: 60px 0 180px;
  }
  .apclass .w1760 .newspaper .p {
    width: 100%;
    margin-bottom: 60px;
  }
  .apclass .w1760 .img .text h6, .apclass .w1760 .img .text h5 {
    font-size: 24px;
  }
  .apclass .w1760 .img .text .line {
    height: 40px;
  }
  footer .w1760 {
    padding: 30px;
  }
  footer .w1760 .item .yqlj {
    margin-right: 30px;
  }
  .teacher .w1100 .ptitle {
    width: 90%;
  }
  .teacher .w1100 .swiper-menu {
    margin: 60px 0;
  }
  .courseitems {
    padding-bottom: 90px;
  }
  .course .w1760 .item .bg {
    padding: 0 30px;
  }
  .course .w1760 .item .bg h5 {
    font-size: 24px;
  }
  .courseitems .w1760 .item {
    padding: 30px;
  }
  .courseitems .w1760 .item .img img {
    width: 50px;
  }
  .courseitems .w1760 .item h5 {
    margin-top: 60px;
    font-size: 24px;
  }
  .application .w960 {
    width: 90%;
  }
  .application .w960 .biaoming {
    padding: 60px 0;
  }
  .application .w960 .biaoming .input {
    width: 90%;
  }
  header ul {
    display: none;
  }
  header {
    /*height: 70px;*/
  }
  header .mobileMenu {
    width: 70px;
  }
  .environment2 ul li {
    flex-wrap: wrap;
  }
  .environment2 ul li .left {
    width: 100%;
  }
  .environment2 ul li .right {
    width: 100%;
  }
  .environment2 {
    padding-bottom: 60px;
  }
  .enrollment1 .w1760 {
    padding: 60px 5%;
  }
  .box5 .w1200 ol li .text {
    width: 60%;
    height: 70%;
  }
  .enrollment .w1100 ul {
    flex-wrap: wrap;
  }
  .enrollment .w1100 ul li {
    width: 48%;
    margin: 15px 0;
  }
  .g9 .w1100 .g9box {
    padding: 0 30px;
  }
  .g9, .enrollment {
    padding-top: 60px;
  }
  .enterahigh .w1100 > p {
    width: 100%;
    font-size: 20px;
  }
  .enrollment .w1100 .swiper-enrollment .swiper-wrapper .swiper-slide {
    padding: 0 30px;
  }
  .enrollment .w1100 .swiper-enrollment .swiper-wrapper .swiper-slide .text h5 {
    font-size: 32px;
  }
  .enterahigh .w1100 ul li .img .bg .bgtext h5 {
    font-size: 14px;
  }
  .enterahigh .w1100 ul li .img .bg p {
    margin-top: 15px;
  }
  .subnavHead .bannertext h6 {
    font-size: 24px;
  }
  .subnavHead .bannertext h5 {
    font-size: 24px;
  }
  .subnavHead .bannertext p {
    margin: 15px 0;
  }
  .profile3 .w1760 .box {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .profile3 .w1760 .box .left {
    width: 100%;
  }
  .profile3 .w1760 .box .left .tetx {
    padding: 0;
  }
  .profile3 .w1760 .box .right {
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
  .profile1 .w800 .text {
    margin-bottom: 60px;
  }
  .profile2 .w1760 .swiper-profile2 {
    margin-top: 60px;
  }
  .profile2 .w1760 .swiper-profile2 .swiper-wrapper .swiper-slide h5 {
    font-size: 24px;
  }
  .profile2 .w1760 .swiper-profile2 .swiper-wrapper .swiper-slide h6 {
    font-size: 22px;
    margin: 15px 0;
  }
  .ptitle h6 {
    font-size: 24px;
  }
  .ptitle h5 {
    font-size: 24px;
  }
  .box4 .w1760 {
    flex-wrap: wrap;
  }
  .box4 .w1760 .item {
    width: 100%;
  }
  .box4 .w1760 .item .item1 .bg h5 {
    font-size: 24px;
  }
  .box4 .w1760 .item .item1 .bg h6 {
    font-size: 18px;
  }
  .box4 .w1760 .item .item2 {
    padding: 30px 0;
  }
  .box4 .w1760 .item .item2 .head {
    top: 15px;
    left: 15px;
  }
  .box3 .w1760 .w1200 h5, .box5 .w1200 h5 {
    font-size: 24px;
  }
  .box3 .w1760 .w1200 h6, .box5 .w1200 h6 {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .more {
    margin-top: 30px;
  }
  .box3 .w1760 .w1200 ul {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow: -webkit-scrollbars-none;
  }
  .box3 .w1760 .w1200 ul::-webkit-scrollbar {
    display: none;
  }
  .box3 .w1760 .w1200 ul li {
    flex: none;
    width: 40%;
    margin-right: 30px;
  }
  .box2 .w1760 .box2box {
    flex-wrap: wrap;
  }
  .box2 .w1760 .box2box:after {
    display: none;
  }
  .box2 .w1760 .box2box .left {
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
  .box2 .w1760 .box2box .left .engtext h2 {
    font-size: 24px;
  }
  .box2 .w1760 .box2box .left .text h5 {
    font-size: 24px;
  }
  .box2 .w1760 .box2box .right {
    padding: 0;
    width: 100%;
  }
  .box4 .w1760 .item .swiper-item .text h6 {
    display: block;
  }
  .enrollment1 .w1760 a {
    margin-top: 120px;
  }
  .g9 .w1100 .g99 .g9box .g9item:last-child {
    padding-bottom: 30px;
  }
  .g9 .w1100 .g99 {
    flex-wrap: wrap;
  }
  .g9 .w1100 .g99 .g9box {
    width: 100%;
  }
  .g9 .w1100 .g99 .g9img {
    width: 100%;
  }
  .ibdbbox4 {
    padding-bottom: 60px;
  }
  .ibdbbox4 .w1100 ol li i {
    font-size: 32px;
  }
  .newsInner.joinusbox .box {
    padding: 60px 0;
  }
}

@media screen and (max-width: 860px) {
  .box5 .w1200 ol li {
    width: 100%;
  }
  .ibdbbox2 .w1760 li {
    width: 50%;
    padding-top: 50%;
  }
  .ibdbbox4 .w1100 ol {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ibdbbox4 .w1100 ol li {
    flex: none;
    width: 32%;
    margin: 5px 0;
    border-right: 1px solid rgba(214, 202, 166, 0.3);
  }
  .profile3 .w1760 .pr3swiper .swiper-wrapper .swiper-slide .right {
    width: 300px;
  }
  .newsres .swiper-newsres .swiper-wrapper .swiper-slide a {
    width: 48%;
  }
  .newsres .swiper-newsres .swiper-wrapper .swiper-slide a:last-child:nth-child(3n -1) {
    margin-right: 0;
  }
  .subnavHead.map .maptext {
    height: 50px;
    padding: 0 60px;
  }
  .subnavHead.map #map {
    height: 450px;
  }
  .newsother .w1100 li {
    flex-direction: column;
  }
  .newsother .w1100 li .img {
    width: 100%;
  }
  .newsother .w1100 li .text {
    width: 100%;
  }
  .newsother .w1100 li .text .timer {
    right: initial;
    left: 0;
    transform: translateX(0);
    bottom: 100%;
  }
  .newsother .w1100 li .text p {
    margin: 15px 0;
  }
  .box3.news .w1760 .w1200 ul li {
    width: 48% !important;
  }
  .box3.news .w1760 .w1200 ul i {
    width: 48% !important;
  }
  .teacher .w1100 .swiper-menu span {
    padding: 0 30px;
  }
  .teahresearch .w1760 .item {
    margin-bottom: 30px;
    width: 48%;
  }
  .teahresearch .w1760 .item:last-child:nth-child(3n - 1) {
    margin-right: 0;
  }
  .teacher .w1100 .swiper-teacher .swiper-wrapper .swiper-slide ul li {
    width: 48%;
  }
  .g10 .w1100 ul li {
    width: 48%;
    margin-bottom: 30px;
  }
  .g10 .w1100 ul li:last-child:nth-child(3n -1) {
    margin-right: 0;
  }
  .profile1 .w800 {
    width: 90%;
  }
  .enterahigh .w1100 ul li {
    width: 48%;
    margin-bottom: 30px;
  }
  .enterahigh .w1100 ul li:last-child:nth-child(3n -1) {
    margin-right: 0;
  }
}

@media screen and (max-width: 750px) {
  .subnavHead.map #map {
    height: 400px;
  }
  .newscommunity .w1200 ul li .text {
    position: relative;
    width: 100%;
  }
  .profile3 .w1760 .pr3swiper .swiper-wrapper .swiper-slide {
    flex-direction: column-reverse;
  }
  .profile3 .w1760 .pr3swiper .swiper-wrapper .swiper-slide .left {
    width: 100%;
    margin-right: 0;
  }
  .profile3 .w1760 .pr3swiper .swiper-wrapper .swiper-slide .right {
    width: 100%;
    margin-bottom: 30px;
  }
  .profile3 .w1760 .pr3swiper .swiper-wrapper .swiper-slide .right img {
    width: 100%;
  }
  .subnavHead .bannertext .line {
    display: none;
  }
  .subnavHead .bannertext .img {
    display: none;
  }
  .newsInner .box .newspaperbox .newspaper .innerleft .timer {
    width: 48px;
    height: 48px;
  }
  .newsInner .box .newspaperbox .newspaper .innerleft .timer span {
    font-size: 14px;
  }
  .newsInner .box .newspaperbox .newspaper .text .title {
    min-height: 48px;
  }
  .newsInner .box .newspaperbox .newspaper .text .title h5 {
    font-size: 18px;
    line-height: 1.4;
  }
  .swiper-box1 .swiper-text {
    display: none;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .bgmb {
    display: none;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .box1text {
    margin: 30px 0;
    position: relative;
    bottom: 0;
    width: 90%;
    left: 5%;
    transform: translate(0);
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .box1text h4 {
    color: #666666;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .box1text h5 {
    color: #9D1724;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .box1text h6 {
    color: #C4B17A;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .box1text h6 span.letters {
    color: #C4B17A;
  }
  .courseitems .w1760 .item {
    width: 100%;
  }
  .course .w1760 {
    flex-wrap: wrap;
  }
  .course .w1760 .item {
    width: 100%;
  }
  .swiper-box1 .swiper-pag {
    line-height: 1;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
  .swiper-box1 .swiper-pag .swiper-pagination-bullet {
    color: #666666;
  }
  .swiper-box1 .swiper-pag .swiper-pagination-bullet:after {
    display: none;
  }
  .swiper-box1 .swiper-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #9D1724;
  }
  .envInner .head {
    width: 95%;
    justify-content: flex-start;
    margin-left: 5%;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow: -webkit-scrollbars-none;
    flex-wrap: nowrap;
  }
  .envInner .head::-webkit-scrollbar {
    display: none;
  }
  .envInner .head a {
    flex: none;
    margin-right: 15px;
  }
  .envInner .head .comeback {
    width: auto;
    padding: 0 10px;
    height: 35px;
    margin-right: 15px;
  }
  .envInner .box .prev, .envInner .box .next {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
  .envInner .box .swiper-envInner {
    width: 100%;
  }
  .subnavHead .bannertext .img {
    display: block;
  }
}

@media screen and (max-width: 640px) {
  .box2, .box3 .w1760, .box5, .profile1, .profile2 .w1760, .enterahigh, .g10, .enrollment1, .application, .course,
  .teacher, .teahresearch, .profile4 .w1760, .box3.news .w1760, .newsother, .contact, .envInner, .newsres, .newscommunity,
  .ibdbbox1, .ibdbbox3, .zp, .joincontact {
    padding: 30px 0;
  }
  .subnavHead .bannertext .img {
    display: none;
  }
  .subnavHead .bannertext p {
    display: none;
  }
  .newsInner.enterh .box .newspaperbox .enternews i {
    transform: translateY(3px);
  }
  .newsInner.enterh .box .newspaperbox .enternews .entertext {
    margin-left: 5px;
  }
  .newsInner.joinusbox .box {
    width: 100%;
  }
  .newsInner.joinusbox .box .newspaperbox .joinustext .head h5 {
    font-size: 18px;
    margin-right: 15px;
  }
  .newsInner.joinusbox .box .newspaperbox .joinustext .title span {
    margin: 4px 0;
    margin-right: 12px;
  }
  .newsInner.joinusbox .box .newspaperbox .joinustext .title {
    margin: 20px 0;
  }
  .newsInner.enterh .box .newspaperbox .enternews .entertext h5 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .newsInner.joinusbox .box, .newsInner.enterh .box {
    width: 100%;
    padding: 30px 0;
  }
  .swiper-menuTeacher {
    margin: 0px 0 30px;
  }
  .swiper-menuTeacher a {
    width: 80px;
    height: 40px;
  }
  .swiper-menus a {
    width: 80px;
    height: 40px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .videomenu {
    width: 30px;
    height: 30px;
    font-size: 30px;
  }
  .box5 .w1200 ol li .text h5 {
    height: 72px !important;
  }
  .zp .fy {
    margin-top: 30px;
  }
  
  .box3 .w1760 .w1200 ul {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow: -webkit-scrollbars-none;
  }
  .box3 .w1760 .w1200 ul::-webkit-scrollbar {
    display: none;
  }
  .box3 .w1760 .w1200 ul li {
    flex: none;
    width: 85%;
    margin-right: 20px;
  }
  .box3 .w1760 .w1200 ul li .text {
    padding: 15px;
  }
  .box3 .w1760 .w1200 ul li .text h5 {
    font-size: 16px;
    height: 72px;
  }
  .box3 .w1760 .w1200 ul li .text p {
    margin-top: 10px;
    font-size: 12px;
  }
  .box3 .w1760 .w1200 ul li .text .timer {
    left: 0;
    width: 40px;
    height: 40px;
    transform: translateY(0px);
  }
  .box2 .w1760 .box2box {
    margin-top: 20px;
  }
  .box2 .w1760 .box2box .left {
    margin-bottom: 20px;
  }
  .box2 .w1760 .box2box .left .engtext h2 {
    font-size: 18px;
  }
  .box2 .w1760 .box2box .left .text {
    margin-top: 20px;
  }
  .box2 .w1760 .box2box .left .text h5 {
    font-size: 18px;
  }
  .box2 .w1760 .box2box .left .text p {
    margin: 15px auto;
    width: 100%;
  }
  .box2 .w1760 .box2box .right {
    padding: 0;
    width: 100%;
  }
  .box2 .w1760 .box2box .right .img ul {
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .box2 .w1760 .box2box .right .img ul li {
    width: 100%;
    justify-content: center;
    margin: 10px 0;
  }
  .box2 .w1760 .box2box .right .img ul li .num div span {
    font-size: 22px;
  }
  .profile4 .w1760 ul {
    width: 100%;
  }
  .profile4 .w1760 ul li .bg {
    padding: 20px 0;
  }
  .environment2 ul li .left .swiper-environment .swiper-wrapper .swiper-slide:after {
    padding: 0 15px;
    height: 40px;
  }
}

@media screen and (max-width: 480px) {
  .subnavHead.map #map {
    height: 300px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .box1text {
    margin: 15px 0 30px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .videomenu {
    left: 15px;
    bottom: 15px;
  }
}

@media screen and (max-width: 370px) {
  .joincontact .w1100 .box .zaixian .wang .img {
    margin: 5px 0;
  }
}